<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>

</html>

<script>
  /* 
    for 循环：
      作用：解决 while 循环的 一些 “不足”。

    for 循环的写法：
      for (初始变量 - 1; 变量的条件判断 - 2; 改变变量的值 - 3) {
        // 代码块 - 4
      }

    for 循环的执行步骤：
      1 - 2 - 4 - 3 - 2 - 4 - 3 - 2 - 4 - 3...
        直到  第二步的返回值为「假」，则停止 循环。
  */

  // 案例： 打印出 1-100的每个数字
  for (var num = 1/* 要素1： 初始变量 */; num <= 100/* 要素2： 条件判断 */; num++ /* 要素3： 改变变量的值 */) {
    console.log(`我是for循环写的${num}`);
  }




  // 一、----------- while 循环 不足之处的介绍：
  // 思考：while 循环的 “不足之处”：
    // 1）三要素，写的 位置，太过“分散”，以至于 可能忘写 某个 要素
    // 2）`第一要素 - 初始变量`，在 while 循环的外部，代码很容易被分割。


  // 所以，for 循环的出现，就了 为了 解决 while 循环上述的 两个 不足之处。
  // 思考：循环的 必备 要素
  // var num = 1; /* 要素1： 初始变量 */

  // console.log('xxx');
  // // 100 行其他的代码...



  // while (num <= 100 /* 要素2： 条件判断 */) {
  //   console.log(num); //这才叫，要执行的 `代码块`

  //   num++; /* 要素3： 改变变量的值 */
  // }
</script>